/* =============================================================================
   CONFIG FOR WEBSITE
   ========================================================================== */

// Page with:
$width: 960px;

// Main color:
$color-text         : #505050;
$color-link         : #505050;
$color-link-hover   : #505050;

$c-blue: #5f8fc6;
// Image path
$imagedir:'../images/';

@mixin bg($filename,$hor-pos:0,$ver-pos:0,$repeat: no-repeat) {
    background: transparent url(#{$imagedir}#{$filename}) $hor-pos $ver-pos $repeat;
}
@mixin bt($hor:0px,$ver:0px){
        background:url(../images/imgButton.png) $hor $ver no-repeat;
}
@mixin font-1{
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
}

@mixin calc-em($PX:16,$basePX:16,$scale:1){
    font-size:($PX/$basePX)*$scale*1em;
}

//Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans serif
$DEBUG:false;
@mixin debugmessage($message, $color: rgba(255,255,0, 0.9) ){
    &::before{
        content: $message;
        font-weight: bold;
        display: block;
        text-align: center;
        background: #{$color};
        position: absolute;
        @if($color == 'yellow'){
        	color:black;
        }
        @else{
        	color:white;
        }
        right: 0;
        left: 0;
        top: 0;
        z-index: 99;
    }
}

// ANIMATION CSS3 SAMPLE
//@mixin circle-rotate(){
//    0% {
//        @include rotate(0deg);
//    }
//    100%{
//        @include rotate(360deg);
//    }
//}

//@-webkit-keyframes circle1{
//    @include circle-rotate();
//}
//@-moz-keyframes circle1{
//    @include circle-rotate();
//}
//@-ms-keyframes circle1{
//    @include circle-rotate();
//}
//@keyframes circle1{
//    @include circle-rotate();
//}

//@mixin animation($name,$duration,$timing-function,$delay,$count,$direction){
//    //-webkit-animation: circle1 4s linear 1s infinite normal;

//    -webkit-animation: $name $duration $timing-function $delay $count $direction;
//    -moz-animation:$name $duration $timing-function $delay $count $direction;
//    -ms-animation:$name $duration $timing-function $delay $count $direction;
//    animation:$name $duration $timing-function $delay $count $direction;
//}